<template>
  <div id='wrap'>
    <h1>动态路由</h1>
    <RouterLink :to="{name:'scus27',params:{id:'1'}}">动态路由1</RouterLink>
    <RouterLink :to="{name:'scus27',params:{id:'2'}}">动态路由2</RouterLink>
    <RouterLink :to="{name:'scus27',params:{id:'3'}}">动态路由3</RouterLink>
    <RouterView></RouterView>
  </div>
</template>

<script lang='ts'>
export default {
  name: 'scu32',
}
</script>

<script lang='ts' setup>
import { ref } from 'vue'
import { useRoute } from 'vue-router';
const route=useRoute()
console.log(route.query);
console.log(route.params);
</script>

<style scoped lang='scss'>

</style>